<!--
 * @Author: libing 964368540@qq.com
 * @Date: 2024-06-05 17:08:51
 * @LastEditors: libing 964368540@qq.com
 * @LastEditTime: 2024-06-05 19:29:47
 * @FilePath: \crm\components\bottombox\bottombox.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<view>
		<view class="" :style="[{ height: `${h + 30}rpx` }]"></view>
		<view class="baseflex fixedbox u-flex" :style="[{ height: `${h}rpx` }]">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: "bottombox",
		props: {
			h: {
				type: [Number],
				default: 130
			},
		},
		data() {
			return {};
		},
	};
</script>

<style>
	.fixedbox {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 130rpx;
		background-color: #ffffff;
		justify-content: center;
		z-index: 90;
		box-shadow: 0 0 5px rgb(0 0 0 / 10%);
		padding: 0 30rpx;
	}
</style>